<template>
  <div>
    <el-input size="medium" v-model="search_cno" placeholder="请输入课程编号"></el-input>
    <el-button @click="search()" icon="el-icon-search" circle></el-button>
    <el-table
      :data="tableData"
      border
      style="width:100%">
      <el-table-column
        fixed
        prop="cno"
        label="课程编号"
        width="150">
      </el-table-column>
      <el-table-column
        prop="cname"
        label="课程名"
        width="120">
      </el-table-column>
      <el-table-column
        prop="cclasstime"
        label="课节数"
        width="120">
      </el-table-column>
      <el-table-column
        prop="ccycle"
        label="上课周期"
        width="120">
      </el-table-column>
      <el-table-column
        prop="camount"
        label="上课费用"
        width="120">
      </el-table-column>
      <el-table-column
        prop="caddress"
        label="上课地址"
        width="120">
      </el-table-column>
      <el-table-column
        prop="tno"
        label="教师编号"
        width="120">
      </el-table-column>
      <el-table-column
        prop="cneed"
        label="课程所需人数"
        width="120">
      </el-table-column>
      <el-table-column
        prop="cjoin"
        label="已报名人数"
        width="120">
      </el-table-column>
      <el-table-column
        label="操作"
        width="150">
        <template slot-scope="scope">
          <el-button @click="join(scope.row)" type="text" size="small">报名</el-button>
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      search_cno: '',
      tableDate: ''
    }
  },
  created() {
  },
  methods: {
    search() {

    },
    join(row) {

    },
    delCourse(row) {

    }
  }
}
</script>
